<%@ page language="java" pageEncoding="UTF-8"
	contentType="text/html; charset=UTF-8"%>
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<title>登录</title>
<meta http-equiv="content-type" content="text/html;charset=UTF-8">
<meta http-equiv="pragma" content="no-cache">
<meta http-equiv="cache-control" content="no-cache">
<meta http-equiv="expires" content="0">
<meta http-equiv="keywords" content="she,sypro,sshe,springmvc,hibernate">
<meta http-equiv="description" content="springmvc+hibernate+easyui示例项目">
<jsp:include page="inc.jsp"></jsp:include>
<style type="text/css">
#checkCode{ float:left;}  
.x-form-code{width:75px;height:25px;vertical-align:middle;cursor:pointer; float:left; margin-left:7px;} 
</style>
<script type="text/javascript">
	//加载提示框 
	Ext.QuickTips.init();
	//创建命名空间 
	Ext.namespace('XQH.ExtJs.Frame');
	//主应用程序 
	XQH.ExtJs.Frame.app = function() {
	}
	Ext.extend(XQH.ExtJs.Frame.app, Ext.util.Observable, {
		LoginLogo : new Ext.Panel({
			id : 'loginLogo',
			height : 220,
			frame : false,
			bodyStyle : 'padding-top:4px',
			html : '<h3><center>后台Ext框架</center></h3>'
		}),
		//登陆表单 
		LoginForm : new Ext.form.FormPanel({
			id : 'loginForm',
			defaultType : 'textfield',
			labelAlign : 'right',
			labelWidth : 60,
			frame : false,
			defaults : {
				allowBlank : false
			},
			items : [ {
				name : 'name',
				id:'name',
				fieldLabel : '登陆账号',
				blankText : '账号不能为空',
				emptyText : '必填',
				anchor : '98%',
				listeners: {
					   specialkey : onEnter
		        }
			}, {
				name : 'pwd',
				inputType : 'password',
				fieldLabel : '登陆密码',
				blankText : '密码不能为空',
				maxLength : 10,
				anchor : '98%',
				listeners: {
					   specialkey : onEnter
		        }
			} ]
		}),
	//	, Ext.create('CheckCode',{  
         //   cls : 'key',  
         //   fieldLabel : '验证码',  
        //    name : 'checkCode',  
        //    id : 'checkCode',  
       //     allowBlank : false,  
           // isLoader:true,  
          //  blankText : '验证码不能为空',  
         //   width : 150 ,
		//	listeners: {
			//	   specialkey : onEnter
	      //  } 
        //})
		//登陆窗口 
		LoginWin : new Ext.Window({
			id : 'loginWin',
			Title : '登陆',
			width : 500,
			height : 350,
			closable : false,
			collapsible : false,
			resizable : false,
			defaults : {
				border : false
			},
			buttonAlign : 'center',
			buttons : [ {
				text : "提交",
				type : 'submit',
				handler : function() {
					onSubmit();
				}
			}, {
				text : "重置",
				handler : function() {
					Ext.getCmp("loginForm").getForm().reset();
				}
			} ],
			layout : 'column',
			items : [ {
				columnWidth : 1,
				items : Ext.getCmp("loginLogo")
			}, {
				columnWidth : 1,
				items : Ext.getCmp("loginForm")
			} ]
		}),
		//初始化 
		init : function() {
			this.LoginWin.show();
			this.LoginForm.getForm().findField('name').focus(true, 10);
		}
	});
	 // 按回车键直接登录
	  function onEnter(o, e) {
	    if (e.getKey() === e.ENTER) {
	      onSubmit();
	      e.stopEvent();
	    }
	  }
	  function onSubmit() {
		  if (Ext.getCmp("loginForm").getForm().isValid()) {
				Ext.MessageBox.show({
					title : '请等待',
					msg : '正在登录',
					progressText : '',
					width : 300,
					progress : true,
					closable : 'false',
					animEl : 'loding'
				});
				var f = function(v) {
					return function() {
						var i = v / 11;
						Ext.MessageBox.updateProgress(i, '');
					}
				}
				for ( var i = 1; i < 10; i++) {
					setTimeout(f(i), i * 1500);
				}
				//提交到服务器操作
				Ext.getCmp("loginForm").form.doAction('submit', {
					url : 'userController/login.action',
					method : 'post',
					success : function(form, action) {
						window.top.location = "default.jsp";
						//Ext.Msg.alert("登录成功！", action.result.message);
					},
					failure : function(form, action) {
						Ext.Msg.alert("登录失败！", action.result.message);
					}
				});
			}
	  }
	//程序入口 
	Ext.onReady(function() {
		var loginFrame = new XQH.ExtJs.Frame.app();
		loginFrame.init();
	});
</script>
</head>
<body>

</body>
</html>